<template>
  <div class="video">
    <ul>
      <li>
       <div class="videosc">
         <img src="http://shp.qpic.cn/qqvideo_ori/0/z0350e0rior_228_128/0">
       </div>
       <div class="title">
         <h4>骚男神级花木兰教学</h4>
         <div>
           <p class="videoLeft">2013-10-9</p>
           <p class="videoRight">播放次数：10k次</p>
         </div>
       </div>
      </li>
      <li>
        <div class="videosc">
          <img src="http://shp.qpic.cn/qqvideo_ori/0/z0350e0rior_228_128/0">
        </div>
        <div class="title">
          <h4>骚男神级花木兰教学</h4>
          <div>
            <p class="videoLeft">2013-10-9</p>
            <p class="videoRight">播放次数：10k次</p>
          </div>
        </div>
      </li>
      <li>
        <div class="videosc">
          <img src="http://shp.qpic.cn/qqvideo_ori/0/z0350e0rior_228_128/0">
        </div>
        <div class="title">
          <h4>骚男神级花木兰教学</h4>
          <div>
            <p class="videoLeft">2013-10-9</p>
            <p class="videoRight">播放次数：10k次</p>
          </div>
        </div>
      </li>
      <li>
        <div class="videosc">
          <img src="http://shp.qpic.cn/qqvideo_ori/0/z0350e0rior_228_128/0">
        </div>
        <div class="title">
          <h4>骚男神级花木兰教学</h4>
          <div>
            <p class="videoLeft">2013-10-9</p>
            <p class="videoRight">播放次数：10k次</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>

  export default {
    name: 'HomeVideo',
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
 .video ul li {
   width: 48.5%;
   height: 170px;
   background-color: pink;
   margin-left: 1%;
   float: left;
   margin-top: 10px;
 }
  .videosc {
    height: 120px;
    width: 100%;
    background-color: red;
  }
 .videosc img {
   width:100%;
   height: 100%;
 }
  .title {
    width: 100%;
    height: 30px;
  }
 .title h4 {
   margin: 8px 0px;
 }
 .title .videoLeft {
   float: left;
 }
 .title .videoRight {
   float: right;
   font-size: 2px;
   color: #cccccc;
   margin-top: 3px;
   margin-right: 4px;
 }
</style>
